<template>
  <el-dialog
    :model-value="dialogTableVisible"
    :title="title"
    :width="width"
    :close-on-click-modal="false"
    @closed="closeClick"
  >
    <slot name="qr"></slot>
    <slot name="bankInfo"> </slot>
    <div class="info" v-if="form.payType == 2">
      <p>1、转账成功后，请截图保存</p>
      <p>2、点击下方“我已转账”按钮上传截图</p>
    </div>
    <slot name="footer"></slot>
  </el-dialog>
</template>
<script setup>
const emit = defineEmits(['closeIcon']);
const { dialogTableVisible, title, width } = defineProps({
  dialogTableVisible: {
    type: Boolean,
    default: false,
  },
  title: {
    type: String,
    default: '',
  },
  width: {
    type: String,
    default: '800',
  },
  form: {
    type: Object,
    default: () => {},
  },
});
const closeClick = () => {
  emit('closeIcon');
};
</script>
<style scoped lang="scss">
.qr {
  margin-top: 20px;
  justify-content: center;
  display: flex;
  padding-bottom: 20px;
}
.code {
  width: 200px;
  height: 200px;
  //   background: red;
}
.info {
  font-weight: 400;
  padding-top: 20px;
  color: #323233;
  line-height: 21px;
  padding-left: 20px;
  padding-bottom: 16px;
}
</style>
